<template>
	<view>
		<view class="box" @click="goto">
			<view class="lf">
				<image :src="comList.img" mode="widthFix"></image>
			</view>
			<view class="rg">
				<view class="title">{{comList.title}}</view>
				<view class="info">
					<text v-for="(item2,index2) in comList.info" :key="index2">{{item2}}</text>
				</view>
				<view class="ing">
					<text>在招岗位</text>
					<text>{{comList.ing}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'companyList',
	props:['comList'],
	data() {
		return {};
	},
	methods:{
		goto(){
			this.$emit('gotoDetail' , this.comList)
		}
	}
};
</script>

<style lang="scss" scoped>
.box {
	display: flex;
	align-items: center;
	padding: 30rpx 40rpx;
	// border: 2rpx solid #bbbbbb;
	border-radius: 12rpx;
	box-shadow: 0 0 17rpx #ddd;
	.lf {
		width: 140rpx;
		height: 140rpx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 30rpx;
	}
	.rg{
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		font-size: 28rpx;
		.title{
			font-size: 36rpx;
		}
		.ing text,.info text{
			margin-right: 10rpx;
		}
	}
}

</style>
